<template>
  <input type="text" placeholder="请输入1-100之间的整数" v-model="num">
  <input type="button" value="猜一猜" @click="f()">
  <h3>{{result}}</h3>
</template>

<script setup>
import {ref} from "vue";

const num = ref('');
const result = ref('');
let x = parseInt(Math.random()*100)+1;
const f = ()=>{
  if (num.value>x){
    result.value='猜大了!';
  }else if (num.value<x){
    result.value='猜小了!';
  }else{
    result.value='恭喜你猜对了!';
  }
}
</script>

<style scoped>

</style>